<script setup>
import { fetchUserAvatar } from '@/service'

const avatarUrl = ref('')
const props = defineProps(['uid'])

onBeforeMount(async () => {
  avatarUrl.value = await fetchUserAvatar(props.uid)
})
</script>

<template>
  <div>
    <n-avatar size="large" round :src="avatarUrl"></n-avatar>
  </div>
</template>
